<%- include('../common/header.html',{css:'common'}) %>
<style>
    body {
        overflow-y: hidden;
        overflow-x: hidden;
    }

</style>
<title>消息中心</title>
</head>
<body>
<div class="content">
    <div class="panel panel-default">
        <div class="panel-heading">站内信 <span>( 66封未读 )</span></div>
        <div class="panel-body">
            <div style="border-bottom: 1px solid #e5e5e5;">
                <form class="form-inline" style="font-size: 12px;font-weight: 100;">
                    站内消息类型选择:
                    <span>
                        <span><select  name="" id="">
                            <option selected value="全部类型">全部类型</option>
                            <option  value="公告">公告</option>
                            <option value="通知">通知</option>
                        </select></span>
                        <%-include('../common/select.html') %>
                        <span><input type="text" placeholder="请输入搜索的标题和消息内容"></span>
                        <span><button>S</button></span>
                    </span>
                </form>
                <br>
                <article class="notice-item">
                    <header class="notice-title">
                        <a style="margin-left: 50px;" href="javascript:void(0);">
                            [ 公告 ] 开放测试
                        </a>
                        <span class="notice-tips"></span>
                    </header>
                    <div class="notice-content ">
                        <p>
                            <span style="font-family:'微软雅黑','sans-serif'">尊敬的用户，</span></p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">存储网关BSG开放测试啦！</span>
                        </p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">存储网关是一种混合云存储方案，可以无缝衔接本地和云端存储。存储网关基于对象存储BOS提供NFS和CIFS协议的文件存储服务，您从此无需担心本地应用与云存储间的协议兼容性。此外，存储网关也可以部署在云端，实现云主机间的文件共享。</span>
                        </p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">存储网关BSG产品介绍：<a
                                href="https://cloud.baidu.com/doc/BSG/ProductDescription.html">https://cloud.baidu.com/doc/BSG/ProductDescription.html</a></span>
                        </p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">操作指南：<a
                                href="https://cloud.baidu.com/doc/BSG/GettingStarted.html">https://cloud.baidu.com/doc/BSG/GettingStarted.html</a></span>
                        </p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">请在<a
                                href="https://cloud.baidu.com/survey/StorageGatewayApply.html">这里</a>申请存储网关测试，如有任何问题或建议，欢迎通过<a
                                href="http://ticket.bce.baidu.com/?_=1477225657220#/ticket/list">工单</a>与我们联系！</span></p>
                        <p style="text-indent:28px"><span style="font-family:'微软雅黑','sans-serif'">感谢您的支持，顺颂商祺！</span>
                        </p>
                        <p><span style="font-family:'微软雅黑','sans-serif'">&nbsp;</span></p>
                        <p><span style="font-family:'微软雅黑','sans-serif'">百度云</span></p>
                        <p><span style="font-size:14px;font-family:'微软雅黑','sans-serif'">2017</span><span
                                style="font-size:14px;font-family:'微软雅黑','sans-serif'">年5月5日</span></p>
                        <p><br>
                        </p>
                    </div>
                </article>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function () {
        $('.notice-title').click(function () {
            if ($(this).siblings('.notice-content').css('display') == 'block') {
                $(this).siblings('.notice-content').hide();
            } else {
                $(this).siblings('.notice-content').show();
            }

        })
    })
</script>
</html>